<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>OPGG英雄搜索</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      /* 使页面占满整个视口高度 */
      margin: 0;
    }

    .container {
      max-width: 600px;
      width: 100%;
      padding: 20px;
      text-align: center;
    }

    .search-box {
      position: relative;
      width: 100%;
      margin-bottom: 20px;
    }

    .search-box input {
      padding: 12px 15px;
      width: 100%;
      font-size: 16px;
      border: 2px solid #ccc;
      border-radius: 8px;
      box-sizing: border-box;
      /* 使宽度包括内边距 */
      transition: border-color 0.3s;
    }

    .search-box input:focus {
      border-color: #007bff;
      outline: none;
    }

    .suggestions {
      display: none;
      position: absolute;
      top: 45px;
      left: 0;
      width: 100%;
      background-color: white;
      border: 2px solid #ccc;
      border-top: none;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      max-height: 300px;
      overflow-y: auto;
      z-index: 1000;
      box-sizing: border-box;
    }

    .suggestions div {
      display: flex;
      align-items: center;
      padding: 12px;
      cursor: pointer;
      border-bottom: 1px solid #ddd;
      transition: background-color 0.3s;
    }

    .suggestions div:hover {
      background-color: #f0f0f0;
    }

    .suggestions img {
      width: 32px;
      height: 32px;
      margin-right: 12px;
      border-radius: 50%;
    }

    .suggestions .name {
      font-size: 14px;
      font-weight: bold;
      color: #333;
    }
  </style>
</head>

<body>
  <div class="container">
    <div id="radioOptions">
      <input type="radio" id="currentPage" name="pageOption" value="_self" checked>
      <label for="currentPage">当前页面跳转</label>
      <input type="radio" id="newPage" name="pageOption" value="_blank">
      <label for="newPage">打开新页面</label>
    </div>
    <div class="search-box">
      <input type="text" id="search" placeholder="搜索英雄..." oninput="searchHeroes()">
      <div class="suggestions" id="suggestions"></div>
    </div>
  </div>

  <script>
    const heroes = [
      {
        "name": "万花通灵",
        "keywords": "万花通灵,妮蔻,neeko,nk,whtl,wanhuatongling,nikou",
        "alias": "Neeko",
        "customKeywords": ""
      },
      {
        "name": "上古领主",
        "keywords": "水晶先锋,斯卡纳,skn,sjxf,蝎子,xz,Skarner,shuijingxianfeng,sikana,xiezi",
        "alias": "Skarner",
        "customKeywords": ""
      },
      {
        "name": "不屈之枪",
        "keywords": "不屈之枪,潘森,Pantheon,PS,bqzq,buquzhiqiang,pansen",
        "alias": "Pantheon",
        "customKeywords": ""
      },
      {
        "name": "不灭狂雷",
        "keywords": "不灭狂雷,沃利贝尔,Volibear,狗熊,gx,wlbe,bmkl,bumiekuanglei,wolibeier,gouxiong",
        "alias": "Volibear",
        "customKeywords": ""
      },
      {
        "name": "不祥之刃",
        "keywords": "不祥之刃,卡特琳娜,卡特,kt,ktln,bxzr,不详,bx,Katarina,buxiangzhiren,katelinna,kate,buxiang",
        "alias": "Katarina",
        "customKeywords": ""
      },
      {
        "name": "不羁之悦",
        "keywords": "尼菈,不羁之悦,Nilah,nila,bujizhiyue",
        "alias": "Nilah",
        "customKeywords": ""
      },
      {
        "name": "九尾妖狐",
        "keywords": "九尾,九尾妖狐,狐狸,阿狸,jiuwei,jiuweiyaohu,huli,ali,ahri,jwyh,al,hl,jw",
        "alias": "Ahri",
        "customKeywords": ""
      },
      {
        "name": "亡灵战神",
        "keywords": "亡灵战神,塞恩,赛恩,se,wlzs,Sion,wanglingzhanshen,saien",
        "alias": "Sion",
        "customKeywords": ""
      },
      {
        "name": "仙灵女巫",
        "keywords": "仙灵女巫,璐璐,ll,xlnw,Lulu,xianlingnvwu,lulu",
        "alias": "Lulu",
        "customKeywords": ""
      },
      {
        "name": "众星之子",
        "keywords": "众星之子,索拉卡,星妈,奶妈,xm,nm,slk,zxzz,Soraka,zhongxingzhizi,suolaka,xingma,naima",
        "alias": "Soraka",
        "customKeywords": ""
      },
      {
        "name": "傲之追猎者",
        "keywords": "傲之追猎者,狮子狗,雷恩加尔,szg,leje,azzlz,Rengar,aozhizhuiliezhe,shizigou,leienjiaer",
        "alias": "Rengar",
        "customKeywords": ""
      },
      {
        "name": "元素女皇",
        "keywords": "元素女皇,奇亚娜,qyn,ysnh,Qiyana,yuansunvhuang,qiyana",
        "alias": "Qiyana",
        "customKeywords": ""
      },
      {
        "name": "光辉女郎",
        "keywords": "光辉女郎,拉克丝,光辉,lux,lks,gh,ghnl,guanghuinvlang,lakesi,guanghui",
        "alias": "Lux",
        "customKeywords": ""
      },
      {
        "name": "兽灵行者",
        "keywords": "兽灵行者,乌迪尔,Udyr,wde,slxz,UD,shoulingxingzhe,wudier",
        "alias": "Udyr",
        "customKeywords": ""
      },
      {
        "name": "冰晶凤凰",
        "keywords": "凤凰,冰晶凤凰,艾尼维亚,Anivia,fenghuang,bingjingfenghuang,ainiweiya,anwy,bjfh,fh",
        "alias": "Anivia",
        "customKeywords": ""
      },
      {
        "name": "冰霜女巫",
        "keywords": "冰霜女巫,冰女,丽桑卓,Lissandra,bn,lsz,bsnw,bingshuangnvwu,bingnv,lisangzhuo",
        "alias": "Lissandra",
        "customKeywords": ""
      },
      {
        "name": "刀锋之影",
        "keywords": "刀锋之影,男刀,泰隆,tl,nd,dfzy,Talon,daofengzhiying,nandao,tailong",
        "alias": "Talon",
        "customKeywords": ""
      },
      {
        "name": "刀锋舞者",
        "keywords": "刀锋舞者,艾瑞莉娅,女刀,女刀锋,Irelia,nd,ndf,dfwz,arly,daofengwuzhe,airuiliya,nvdao,nvdaofeng",
        "alias": "Irelia",
        "customKeywords": ""
      },
      {
        "name": "北地之怒",
        "keywords": "北地之怒,猪妹,瑟庄妮,zm,szn,bdzn,Sejuani,beidizhinu,zhumei,sezhuangni",
        "alias": "Sejuani",
        "customKeywords": ""
      },
      {
        "name": "卡牌大师",
        "keywords": "卡牌大师,崔斯特,卡牌,TwistedFate,kp,cst,kpds,kapaidashi,cuisite,kapai",
        "alias": "TwistedFate",
        "customKeywords": ""
      },
      {
        "name": "双界灵兔",
        "keywords": "阿萝拉,双界灵兔,aluola,shuangjielingtu",
        "alias": "Aurora",
        "customKeywords": ""
      },
      {
        "name": "发条魔灵",
        "keywords": "发条魔灵,奥莉安娜,发条,Orianna,ftml,ft,alan,fatiaomoling,aolianna,fatiao",
        "alias": "Orianna",
        "customKeywords": ""
      },
      {
        "name": "含羞蓓蕾",
        "keywords": "含羞蓓蕾,莉莉娅,小鹿,lly,hxbl,Lillia,hanxiubeilei,liliya,xiaolu",
        "alias": "Lillia",
        "customKeywords": ""
      },
      {
        "name": "唤潮鲛姬",
        "keywords": "唤潮鲛姬,鲛姬,娜美,nm,jj,hcjj,Nami,huanchaojiaoji,jiaoji,namei",
        "alias": "Nami",
        "customKeywords": ""
      },
      {
        "name": "圣枪游侠",
        "keywords": "圣枪游侠,卢锡安,奥巴马,Lucian,abm,lxa,sqyx,shengqiangyouxia,luxian,aobama",
        "alias": "Lucian",
        "customKeywords": ""
      },
      {
        "name": "圣锤之毅",
        "keywords": "圣锤之毅,波比,bb,sczy,Poppy,shengchuizhiyi,bobi",
        "alias": "Poppy",
        "customKeywords": ""
      },
      {
        "name": "堕落天使",
        "keywords": "堕落天使,莫甘娜,MGN,dlts,Morgana,duoluotianshi,moganna",
        "alias": "Morgana",
        "customKeywords": ""
      },
      {
        "name": "复仇之矛",
        "keywords": "复仇之矛,卡莉丝塔,Kalista,fczm,klst,fuchouzhimao,kalisita",
        "alias": "Kalista",
        "customKeywords": ""
      },
      {
        "name": "复仇焰魂",
        "keywords": "复仇焰魂,布兰德,火男,Brand,fuchouyanhun,bulande,huonan,cfyh,bld,hn",
        "alias": "Brand",
        "customKeywords": ""
      },
      {
        "name": "大发明家",
        "keywords": "大发明家,黑默丁格,大头,Heimerdinger,dt,dfmj,hmdg,dafamingjia,heimodingge,datou",
        "alias": "Heimerdinger",
        "customKeywords": ""
      },
      {
        "name": "天启者",
        "keywords": "天启者,卡尔玛,扇子妈,Karma,szm,kem,tqz,tianqizhe,kaerma,shanzima",
        "alias": "Karma",
        "customKeywords": ""
      },
      {
        "name": "寒冰射手",
        "keywords": "艾希,寒冰,爱射,艾射,冰弓,Ashe,aixi,hanbing,aishe,aishe,binggong,ax,hb,as,bg",
        "alias": "Ashe",
        "customKeywords": ""
      },
      {
        "name": "封魔剑魂",
        "keywords": "永恩,封魔剑魂,ye,fmjh,Yone,yongen,fengmojianhun",
        "alias": "Yone",
        "customKeywords": ""
      },
      {
        "name": "山隐之焰",
        "keywords": "山隐之焰,奥恩,Ornn,an,syzy,shanyinzhiyan,aoen",
        "alias": "Ornn",
        "customKeywords": ""
      },
      {
        "name": "岩雀",
        "keywords": "岩雀,小鸟,塔莉垭,tly,xn,yq,Taliyah,yanque,xiaoniao,taliya",
        "alias": "Taliyah",
        "customKeywords": ""
      },
      {
        "name": "巨魔之王",
        "keywords": "巨魔之王,巨魔,特朗德尔,Trundle,jm,jmzw,tlde,jumozhiwang,jumo,telangdeer",
        "alias": "Trundle",
        "customKeywords": ""
      },
      {
        "name": "幻翎",
        "keywords": "幻翎,洛,l,hl,Rakan,huanling,luo",
        "alias": "Rakan",
        "customKeywords": ""
      },
      {
        "name": "异画师",
        "keywords": "异画师,彗,yihuashi,hui",
        "alias": "Hwei",
        "customKeywords": ""
      },
      {
        "name": "弗雷尔卓德之心",
        "keywords": "弗雷尔卓德之心,布隆,bl,Braum,flezdzx,fuleierzhuodezhixin,bulong",
        "alias": "Braum",
        "customKeywords": ""
      },
      {
        "name": "影哨",
        "keywords": "影哨,阿克尚,阿克,阿,yingshao,akeshang,ake,a",
        "alias": "Akshan",
        "customKeywords": ""
      },
      {
        "name": "影流之主",
        "keywords": "影流之主,劫,j,ylzz,Zed,yingliuzhizhu,jie",
        "alias": "Zed",
        "customKeywords": ""
      },
      {
        "name": "影流之镰",
        "keywords": "影流之镰,凯隐,ky,ylzl,Kayn,yingliuzhilian,kaiyin",
        "alias": "Kayn",
        "customKeywords": ""
      },
      {
        "name": "德玛西亚之力",
        "keywords": "德玛西亚之力,盖伦,大宝剑,Garen,dbj,gl,dmxyzl,demaxiyazhili,gailun,dabaojian",
        "alias": "Garen",
        "customKeywords": ""
      },
      {
        "name": "德玛西亚之翼",
        "keywords": "德玛西亚之翼,奎因,鸟人,ky,dmxyzz,Quinn,nr,demaxiyazhiyi,kuiyin,niaoren",
        "alias": "Quinn",
        "customKeywords": ""
      },
      {
        "name": "德玛西亚皇子",
        "keywords": "德玛西亚皇子,嘉文四世,皇子,嘉文,JarvanIV,jw,hz,dmxyhz,jwss,demaxiyahuangzi,jiawensishi,huangzi,jiawen",
        "alias": "JarvanIV",
        "customKeywords": ""
      },
      {
        "name": "德邦总管",
        "keywords": "德邦总管,德邦,赵信,XinZhao,db,dbzg,zx,debangzongguan,debang,zhaoxin",
        "alias": "XinZhao",
        "customKeywords": ""
      },
      {
        "name": "恶魔小丑",
        "keywords": "恶魔小丑,小丑,沙扣,沙口,萨科,xc,emxc,sk,emoxiaochou,xiaochou,sake,Shaco",
        "alias": "Shaco",
        "customKeywords": ""
      },
      {
        "name": "惩戒之箭",
        "keywords": "惩戒之箭,韦鲁斯,维鲁斯,wls,cjzj,Varus,chengjiezhijian,weilusi",
        "alias": "Varus",
        "customKeywords": ""
      },
      {
        "name": "愁云使者",
        "keywords": "薇古丝,愁云使者,熬夜波比,weigusi,chouyunshizhe,aoyebobi",
        "alias": "Vex",
        "customKeywords": ""
      },
      {
        "name": "戏命师",
        "keywords": "戏命师,烬,Jhin,j,xms,ximingshi,jin",
        "alias": "Jhin",
        "customKeywords": ""
      },
      {
        "name": "战争之影",
        "keywords": "战争之影,赫卡里姆,人马,Hecarim,rm,zzzy,hlkm,zhanzhengzhiying,hekalimu,renma",
        "alias": "Hecarim",
        "customKeywords": ""
      },
      {
        "name": "战争女神",
        "keywords": "战争女神,轮子妈,希维尔,lzm,xwe,zzns,Sivir,zhanzhengnvshen,lunzima,xiweier",
        "alias": "Sivir",
        "customKeywords": ""
      },
      {
        "name": "扭曲树精",
        "keywords": "扭曲树精,茂凯,大树,ds,mk,nqsj,Maokai,niuqushujing,maokai,dashu",
        "alias": "Maokai",
        "customKeywords": ""
      },
      {
        "name": "披甲龙龟",
        "keywords": "披甲龙龟,拉莫斯,龙龟,lg,pjlg,lms,Rammus,pijialonggui,lamosi,longgui",
        "alias": "Rammus",
        "customKeywords": ""
      },
      {
        "name": "探险家",
        "keywords": "探险家,伊泽瑞尔,ez,Ezreal,tanxianjia,yizeruier,txj,yzrr",
        "alias": "Ezreal",
        "customKeywords": ""
      },
      {
        "name": "放逐之刃",
        "keywords": "放逐之刃,锐雯,Riven,rw,fzzr,fangzhuzhiren,ruiwen",
        "alias": "Riven",
        "customKeywords": ""
      },
      {
        "name": "无双剑姬",
        "keywords": "无双剑姬,菲奥娜,剑姬,Fiora,jj,wsjj,fan,wushuangjianji,feiaona,jianji",
        "alias": "Fiora",
        "customKeywords": ""
      },
      {
        "name": "无极剑圣",
        "keywords": "无极剑圣,易,剑圣,js,y,wjjs,MasterYi,wujijiansheng,yi,jiansheng",
        "alias": "MasterYi",
        "customKeywords": ""
      },
      {
        "name": "无畏战车",
        "keywords": "无畏战车,厄加特,ejt,wwzc,Urgot,wuweizhanche,ejiate",
        "alias": "Urgot",
        "customKeywords": ""
      },
      {
        "name": "时光守护者",
        "keywords": "时光守护者,基兰,Zilean,jl,sgshz,时光老人,时光老头,shiguangshouhuzhe,jilan,shiguanglaoren,shiguanglaotou",
        "alias": "Zilean",
        "customKeywords": ""
      },
      {
        "name": "时间刺客",
        "keywords": "时间刺客,艾克,Ekko,shijiancike,aike,ak,sjck",
        "alias": "Ekko",
        "customKeywords": ""
      },
      {
        "name": "明烛",
        "keywords": "明烛,米利欧,mingzhu,miliou",
        "alias": "Milio",
        "customKeywords": ""
      },
      {
        "name": "星界游神",
        "keywords": "星界游神,巴德,Bard,xingjieyoushen,bade,xjys,bd",
        "alias": "Bard",
        "customKeywords": ""
      },
      {
        "name": "星籁歌姬",
        "keywords": "萨勒芬妮,星籁歌姬,Seraphine,saleifenni,xinglaigeji",
        "alias": "Seraphine",
        "customKeywords": ""
      },
      {
        "name": "暗夜猎手",
        "keywords": "暗夜猎手,薇恩,vn,Vayne,ve,ayls,anyelieshou,weien",
        "alias": "Vayne",
        "customKeywords": ""
      },
      {
        "name": "暗裔剑魔",
        "keywords": "剑魔,亚托克斯,暗裔剑魔,jianmo,yatuokesi,anyijianmo,Aatrox,jm,ayjm,ytks",
        "alias": "Aatrox",
        "customKeywords": ""
      },
      {
        "name": "暗黑元首",
        "keywords": "暗黑元首,球女,辛德拉,qn,xdl,ahyy,Syndra,anheiyuanshou,qiunv,xindela",
        "alias": "Syndra",
        "customKeywords": ""
      },
      {
        "name": "暮光之眼",
        "keywords": "暮光之眼,慎,yaozi,s,mgzy,Shen,muguangzhiyan,shen",
        "alias": "Shen",
        "customKeywords": ""
      },
      {
        "name": "暮光星灵",
        "keywords": "暮光星灵,佐伊,zy,mgxl,Zoe,muguangxingling,zuoyi",
        "alias": "Zoe",
        "customKeywords": ""
      },
      {
        "name": "暴怒骑士",
        "keywords": "暴怒骑士,克烈,kl,bnqs,baonuqishi,kelie",
        "alias": "Kled",
        "customKeywords": ""
      },
      {
        "name": "暴走萝莉",
        "keywords": "暴走萝莉,萝莉,金克丝,Jinx,jks,ll,bzll,baozouluoli,luoli,jinkesi,金克丝",
        "alias": "Jinx",
        "customKeywords": ""
      },
      {
        "name": "曙光女神",
        "keywords": "曙光女神,蕾欧娜,日女,曙光,女坦,nt,rn,sg,lon,sgns,shuguangnvshen,leiouna,rinv,shuguang,Leona,nvtan",
        "alias": "Leona",
        "customKeywords": ""
      },
      {
        "name": "未来守护者",
        "keywords": "未来守护者,杰斯,Jayce,js,wlshz,weilaishouhuzhe,jiesi",
        "alias": "Jayce",
        "customKeywords": ""
      },
      {
        "name": "机械先驱",
        "keywords": "机械先驱,维克托,三只手,szs,wkt,jxxq,Viktor,jixiexianqu,weiketuo,sanzhishou",
        "alias": "Viktor",
        "customKeywords": ""
      },
      {
        "name": "机械公敌",
        "keywords": "机械公敌,兰博,Rumble,lb,jxgd,jixiegongdi,lanbo",
        "alias": "Rumble",
        "customKeywords": ""
      },
      {
        "name": "正义天使",
        "keywords": "正义天使,凯尔,天使,ts,zyts,ke,Kayle,zhengyitianshi,kaier,tianshi",
        "alias": "Kayle",
        "customKeywords": ""
      },
      {
        "name": "正义巨像",
        "keywords": "正义巨像,加里奥,Galio,jla,zyjx,zhengyijuxiang,jialiao",
        "alias": "Galio",
        "customKeywords": ""
      },
      {
        "name": "武器大师",
        "keywords": "武器大师,贾克斯,武器,Jax,wq,jks,wqds,wuqidashi,jiakesi,wuqi",
        "alias": "Jax",
        "customKeywords": ""
      },
      {
        "name": "死亡颂唱者",
        "keywords": "死亡颂唱者,卡尔萨斯,死歌,Karthus,sg,kess,swscz,siwangsongchangzhe,kaersasi,sige",
        "alias": "Karthus",
        "customKeywords": ""
      },
      {
        "name": "殇之木乃伊",
        "keywords": "阿木木,木乃伊,分头,殇之木乃伊,木木,伤之木乃伊,amumu,munaiyi,fentou,shangzhimunaiyi,amm,szmny,mny,ft,mm,mumu",
        "alias": "Amumu",
        "customKeywords": ""
      },
      {
        "name": "残月之肃",
        "keywords": "残月之肃,厄斐琉斯,Aphelios,efls,cyzs,canyuezhisu,efeiliusi",
        "alias": "Aphelios",
        "customKeywords": ""
      },
      {
        "name": "永恒梦魇",
        "keywords": "永恒梦魇,魔腾,noc,Nocturne,梦魇,my,yhmy,mt,yonghengmengyan,moteng,mengyan",
        "alias": "Nocturne",
        "customKeywords": ""
      },
      {
        "name": "永猎双子",
        "keywords": "永猎双子,千珏,Kindred,qj,ylsz,yonglieshuangzi,qianjue",
        "alias": "Kindred",
        "customKeywords": ""
      },
      {
        "name": "沙漠死神",
        "keywords": "沙漠死神,内瑟斯,狗头,gt,nss,smss,Nasus,shamosishen,neisesi,goutou",
        "alias": "Nasus",
        "customKeywords": ""
      },
      {
        "name": "沙漠玫瑰",
        "keywords": "莎弥拉,沙漠玫瑰,Samira,sml,smmg,shamila,shamomeigui",
        "alias": "Samira",
        "customKeywords": ""
      },
      {
        "name": "沙漠皇帝",
        "keywords": "沙漠皇帝,阿兹尔,沙皇,Azir,shamohuangdi,azier,shahuang,smhd,aze,sh",
        "alias": "Azir",
        "customKeywords": ""
      },
      {
        "name": "河流之王",
        "keywords": "河流之王,hama,塔姆,tm,hlzw,TahmKench,heliuzhiwang,tamu",
        "alias": "TahmKench",
        "customKeywords": ""
      },
      {
        "name": "法外狂徒",
        "keywords": "法外狂徒,格雷福斯,男枪,Graves,nq,glfs,fwkt,fawaikuangtu,geleifusi,nanqiang",
        "alias": "Graves",
        "customKeywords": ""
      },
      {
        "name": "海兽祭司",
        "keywords": "海兽祭司,俄洛伊,触手妈,Illaoi,csm,ely,hsjs,haishoujisi,eluoyi,chushouma",
        "alias": "Illaoi",
        "customKeywords": ""
      },
      {
        "name": "海洋之灾",
        "keywords": "海洋之灾,普朗克,船长,plk,cz,hyzz,Gangplank,haiyangzhizai,pulangke,chuanzhang",
        "alias": "Gangplank",
        "customKeywords": ""
      },
      {
        "name": "涤魂圣枪",
        "keywords": "涤魂圣枪,赛娜,奶枪,Senna,nq,sn,qhsq,dihunshengqiang,saina,naiqiang",
        "alias": "Senna",
        "customKeywords": ""
      },
      {
        "name": "深海泰坦",
        "keywords": "深海泰坦,诺提勒斯,泰坦,Nautilus,tt,ntls,shtt,shenhaitaitan,nuotileisi,taitan",
        "alias": "Nautilus",
        "customKeywords": ""
      },
      {
        "name": "深渊巨口",
        "keywords": "深渊巨口,克格莫,大嘴,KogMaw,dz,kgm,syjk,shenyuanjukou,kegemo,dazui",
        "alias": "KogMaw",
        "customKeywords": ""
      },
      {
        "name": "潮汐海灵",
        "keywords": "潮汐海灵,菲兹,小鱼人,Fizz,fz,xyr,cxhl,chaoxihailing,feizi,xiaoyuren",
        "alias": "Fizz",
        "customKeywords": ""
      },
      {
        "name": "灵罗娃娃",
        "keywords": "灵罗娃娃,格温,灵,娃wa,gw,Gw,,lingluowawa,gewen,ling,wa",
        "alias": "Gwen",
        "customKeywords": ""
      },
      {
        "name": "炼金术士",
        "keywords": "炼金术士,辛吉德,炼金,lj,xjd,ljss,Singed,lianjinshushi,xinjide,lianjin",
        "alias": "Singed",
        "customKeywords": ""
      },
      {
        "name": "炼金男爵",
        "keywords": "烈娜塔,烈娜塔戈拉斯克,Renata,renata,炼金男爵,lienata,lienatagelasike,lianjinnanjue",
        "alias": "Renata",
        "customKeywords": ""
      },
      {
        "name": "炽炎雏龙",
        "keywords": "炽炎雏龙,斯莫德,chiyanchulong,simode",
        "alias": "Smolder",
        "customKeywords": ""
      },
      {
        "name": "熔岩巨兽",
        "keywords": "熔岩巨兽,墨菲特,石头人,Malphite,str,mft,ryjs,rongyanjushou,mofeite,shitouren",
        "alias": "Malphite",
        "customKeywords": ""
      },
      {
        "name": "爆破鬼才",
        "keywords": "爆破鬼才,炸弹人,吉格斯,Ziggs,jgs,zdr,bpgc,baopoguicai,zhadanren,jigesi",
        "alias": "Ziggs",
        "customKeywords": ""
      },
      {
        "name": "牛头酋长",
        "keywords": "阿利斯塔,牛头,牛头酋长,酋长,alisita,niutou,niutouqiuzhang,qiuzhang,Alistar,alst,nt,ntqz,qz",
        "alias": "Alistar",
        "customKeywords": ""
      },
      {
        "name": "牧魂人",
        "keywords": "牧魂人,约里克,掘墓人,jmr,mhr,ylk,Yorick,muhunren,yuelike,juemuren",
        "alias": "Yorick",
        "customKeywords": ""
      },
      {
        "name": "狂厄蔷薇",
        "keywords": "贝蕾亚,beileiya,狂,蔷薇",
        "alias": "Briar",
        "customKeywords": ""
      },
      {
        "name": "狂战士",
        "keywords": "狂战士,奥拉夫,kzs,alf,Olaf,kuangzhanshi,aolafu",
        "alias": "Olaf",
        "customKeywords": ""
      },
      {
        "name": "狂暴之心",
        "keywords": "狂暴之心,凯南,kn,kbzx,Kennen,kuangbaozhixin,kainan",
        "alias": "Kennen",
        "customKeywords": ""
      },
      {
        "name": "狂野女猎手",
        "keywords": "狂野女猎手,奈德丽,豹女,bn,ndl,kynls,Nidalee,kuangyenvlieshou,naideli,baonv",
        "alias": "Nidalee",
        "customKeywords": ""
      },
      {
        "name": "猩红收割者",
        "keywords": "猩红收割者,吸血鬼,弗拉基米尔,fljme,xxg,xhsgz,Vladimir,xinghongshougezhe,xixiegui,fulajimier",
        "alias": "Vladimir",
        "customKeywords": ""
      },
      {
        "name": "琴瑟仙女",
        "keywords": "琴瑟仙女,琴女,娑娜,sn,qn,qsxn,Sona,qinsexiannv,qinnv,suona",
        "alias": "Sona",
        "customKeywords": ""
      },
      {
        "name": "瓦洛兰之盾",
        "keywords": "瓦洛兰之盾,塔里克,宝石,bs,tlk,wllzd,Taric,waluolanzhidun,talike,baoshi",
        "alias": "Taric",
        "customKeywords": ""
      },
      {
        "name": "生化魔人",
        "keywords": "生化魔人,扎克,Zac,shenghuamoren,zhake,zk,shmr",
        "alias": "Zac",
        "customKeywords": ""
      },
      {
        "name": "疾风剑豪",
        "keywords": "疾风剑豪,剑豪,亚索,Yasuo,ys,jh,jfjh,jifengjianhao,jianhao,yasuo",
        "alias": "Yasuo",
        "customKeywords": ""
      },
      {
        "name": "痛苦之拥",
        "keywords": "痛苦之拥,伊芙琳,寡妇,Evelynn,tongkuzhiyong,yifulin,guafu,gf,tkzy,yfl",
        "alias": "Evelynn",
        "customKeywords": ""
      },
      {
        "name": "瘟疫之源",
        "keywords": "瘟疫之源,图奇,老鼠,Twitch,ls,tq,wyzy,wenyizhiyuan,tuqi,laoshu",
        "alias": "Twitch",
        "customKeywords": ""
      },
      {
        "name": "百裂冥犬",
        "keywords": "百裂冥犬,纳亚菲利,bailiemingquan,nayafeili",
        "alias": "Naafiri",
        "customKeywords": ""
      },
      {
        "name": "皎月女神",
        "keywords": "皎月女神,黛安娜,皎月,Diana,jiaoyuenvshen,daianna,jiaoyue,jy,dan,jyns",
        "alias": "Diana",
        "customKeywords": ""
      },
      {
        "name": "皮城女警",
        "keywords": "皮城女警,凯特琳,女警,皮城,Caitlyn,pichengnvjing,kaitelin,nvjing,picheng,pc,nj,pcnj,ctl",
        "alias": "Caitlyn",
        "customKeywords": ""
      },
      {
        "name": "皮城执法官",
        "keywords": "皮城执法官,拳女,蔚,v,qv,pczfg,Vi,pichengzhifaguan,quannv,wei",
        "alias": "Vi",
        "customKeywords": ""
      },
      {
        "name": "盲僧",
        "keywords": "盲僧,瞎子,李青,lq,xz,ms,LeeSin,mangseng,xiazi,liqing",
        "alias": "LeeSin",
        "customKeywords": ""
      },
      {
        "name": "破败之王",
        "keywords": "破败之王,佛耶戈,破败,佛,pobaizhiwang,fuyege,pobai,fu",
        "alias": "Viego",
        "customKeywords": ""
      },
      {
        "name": "祖安怒兽",
        "keywords": "祖安怒兽,沃里克,狼人,lr,wlk,zans,Warwick,zuannushou,wolike,langren",
        "alias": "Warwick",
        "customKeywords": ""
      },
      {
        "name": "祖安狂人",
        "keywords": "祖安狂人,蒙多医生,蒙多,DrMundo,zuankuangren,mengduoyisheng,mengduo,md,mdys,zakr",
        "alias": "DrMundo",
        "customKeywords": ""
      },
      {
        "name": "祖安花火",
        "keywords": "祖安花火,泽丽,zeri,Zeri,zuanhuahuo,zeli",
        "alias": "Zeri",
        "customKeywords": ""
      },
      {
        "name": "离群之刺",
        "keywords": "阿卡丽,离群之刺,akali,liqunzhici,akl,lqzc",
        "alias": "Akali",
        "customKeywords": ""
      },
      {
        "name": "符文法师",
        "keywords": "符文法师,瑞兹,Ryze,光头,rz,fwfs,gt,fuwenfashi,ruizi,guangtou",
        "alias": "Ryze",
        "customKeywords": ""
      },
      {
        "name": "纳祖芒荣耀",
        "keywords": "奎桑提,纳祖芒荣耀,kuisangti,nazumangrongyao",
        "alias": "KSante",
        "customKeywords": ""
      },
      {
        "name": "翠神",
        "keywords": "翠神,艾翁,小菊,Ivern,xj,cs,aw,cuishen,aiweng,xiaoju",
        "alias": "Ivern",
        "customKeywords": ""
      },
      {
        "name": "腕豪",
        "keywords": "腕豪,瑟提,jinfu,jf,Sett,st,wh,wanhao,seti",
        "alias": "Sett",
        "customKeywords": ""
      },
      {
        "name": "英勇投弹手",
        "keywords": "英勇投弹手,库奇,飞机,Corki,yingyongtoudanshou,kuqi,feiji,fj,kq,yytds",
        "alias": "Corki",
        "customKeywords": ""
      },
      {
        "name": "荆棘之兴",
        "keywords": "荆棘之兴,婕拉,jl,jjzx,Zyra,jingjizhixing,jiela",
        "alias": "Zyra",
        "customKeywords": ""
      },
      {
        "name": "荒漠屠夫",
        "keywords": "荒漠屠夫,鳄鱼,雷克顿,ey,lkd,mmtf,huangmotufu,eyu,leikedun",
        "alias": "Renekton",
        "customKeywords": ""
      },
      {
        "name": "荣耀行刑官",
        "keywords": "荣耀行刑官,德莱文,Draven,rongyaoxingxingguan,delaiwen,ryxxg,dlw",
        "alias": "Draven",
        "customKeywords": ""
      },
      {
        "name": "蒸汽机器人",
        "keywords": "蒸汽机器人,布里茨,机器人,Blitzcrank,zhengqijiqiren,bulici,jiqiren,zqjqr,jqr,blc",
        "alias": "Blitzcrank",
        "customKeywords": ""
      },
      {
        "name": "虚空之女",
        "keywords": "虚空之女,卡莎,ks,xkzn,Kaisa,xukongzhinv,kasha",
        "alias": "Kaisa",
        "customKeywords": ""
      },
      {
        "name": "虚空之眼",
        "keywords": "虚空之眼,大眼,维克兹,wkz,dy,xkzy,Velkoz,xukongzhiyan,dayan,weikezi",
        "alias": "Velkoz",
        "customKeywords": ""
      },
      {
        "name": "虚空先知",
        "keywords": "虚空先知,玛尔扎哈,蚂蚱,马尔扎哈,Malzahar,mz,mezh,xkxz,xukongxianzhi,maerzhaha,mazha,maerzhaha",
        "alias": "Malzahar",
        "customKeywords": ""
      },
      {
        "name": "虚空女皇",
        "keywords": "虚空女皇,Belveth,卑尔维斯,xukongnvhuang,beierweisi",
        "alias": "Belveth",
        "customKeywords": ""
      },
      {
        "name": "虚空恐惧",
        "keywords": "虚空恐惧,科加斯,大虫子,虫子,Chogath,xukongkongju,kejiasi,dachongzi,chongzi,xkkj,kjs,dcz,cz",
        "alias": "Chogath",
        "customKeywords": ""
      },
      {
        "name": "虚空掠夺者",
        "keywords": "虚空掠夺者,螳螂,卡兹克,kzk,tl,xkldz,Khazix,xukonglueduozhe,tanglang,kazike",
        "alias": "Khazix",
        "customKeywords": ""
      },
      {
        "name": "虚空行者",
        "keywords": "虚空行者,卡萨丁,ksd,xkxz,Kassadin,xukongxingzhe,kasading",
        "alias": "Kassadin",
        "customKeywords": ""
      },
      {
        "name": "虚空遁地兽",
        "keywords": "虚空遁地兽,挖掘机,雷克赛,雷克塞,lks,wjj,xkdds,RekSai,xukongdundishou,wajueji,leikesai,leikesai",
        "alias": "RekSai",
        "customKeywords": ""
      },
      {
        "name": "蛮族之王",
        "keywords": "蛮族之王,蛮王,泰达米尔,Tryndamere,tdme,mw,mzzw,manzuzhiwang,manwang,taidamier",
        "alias": "Tryndamere",
        "customKeywords": ""
      },
      {
        "name": "蜘蛛女皇",
        "keywords": "蜘蛛女皇,伊莉丝,蜘蛛,Elise,zz,zznh,yls,zhizhunvhuang,yilisi,zhizhu",
        "alias": "Elise",
        "customKeywords": ""
      },
      {
        "name": "血港鬼影",
        "keywords": "血港鬼影,派克,pk,xggy,Pyke,xuegangguiying,paike",
        "alias": "Pyke",
        "customKeywords": ""
      },
      {
        "name": "解脱者",
        "keywords": "解脱者,塞拉斯,sls,suannan,sn,jtz,Sylas,jietuozhe,sailasi",
        "alias": "Sylas",
        "customKeywords": ""
      },
      {
        "name": "诡术妖姬",
        "keywords": "诡术妖姬,妖姬,乐芙兰,Leblanc,lfl,yj,gsyj,guishuyaoji,yaoji,lefulan",
        "alias": "Leblanc",
        "customKeywords": ""
      },
      {
        "name": "诺克萨斯之手",
        "keywords": "诺克萨斯之手,德莱厄斯,诺手,Darius,nuokesasizhishou,delaiesi,nuoshou,nksszs,ns,dles",
        "alias": "Darius",
        "customKeywords": ""
      },
      {
        "name": "诺克萨斯统领",
        "keywords": "诺克萨斯统领,乌鸦,斯维因,swy,wy,nksstl,Swain,nuokesasitongling,wuya,siweiyin",
        "alias": "Swain",
        "customKeywords": ""
      },
      {
        "name": "赏金猎人",
        "keywords": "赏金猎人,赏金,厄运小姐,MF,MissFortune,sj,sjlr,eyxj,shangjinlieren,shangjin,eyunxiaojie",
        "alias": "MissFortune",
        "customKeywords": ""
      },
      {
        "name": "迅捷斥候",
        "keywords": "迅捷斥候,提莫,timo,Teemo,tm,xjch,xunjiechihou,timo",
        "alias": "Teemo",
        "customKeywords": ""
      },
      {
        "name": "远古巫灵",
        "keywords": "远古巫灵,泽拉斯,guancaiban,gbc,zls,ygwl,Xerath,yuanguwuling,zelasi",
        "alias": "Xerath",
        "customKeywords": ""
      },
      {
        "name": "远古恐惧",
        "alias": "Fiddlesticks",
        "customKeywords": ""
      },
      {
        "name": "迷失之牙",
        "keywords": "迷失之牙,纳尔,Gnar,ne,mszy,mishizhiya,naer",
        "alias": "Gnar",
        "customKeywords": ""
      },
      {
        "name": "逆羽",
        "keywords": "逆羽,霞,x,ny,Xayah,niyu,xia",
        "alias": "Xayah",
        "customKeywords": ""
      },
      {
        "name": "邪恶小法师",
        "keywords": "邪恶小法师,小法师,维迦,xfs,xexfs,wj,Veigar,xieexiaofashi,xiaofashi,weijia",
        "alias": "Veigar",
        "customKeywords": ""
      },
      {
        "name": "酒桶",
        "keywords": "酒桶,古拉加斯,啤酒人,肉蛋葱鸡,Gragas,pjr,jt,gljs,rdcj,jiutong,gulajiasi,pijiuren,roudancongji",
        "alias": "Gragas",
        "customKeywords": ""
      },
      {
        "name": "铁血狼母",
        "keywords": "安蓓萨,铁血狼母,anbeisa,tiexuelangmu",
        "alias": "Ambessa",
        "customKeywords": ""
      },
      {
        "name": "铁铠冥魂",
        "keywords": "铁铠冥魂,莫德凯撒,铁男,Mordekaiser,tn,mdks,tkmh,tiekaiminghun,modekaisa,tienan",
        "alias": "Mordekaiser",
        "customKeywords": ""
      },
      {
        "name": "铸星龙王",
        "keywords": "铸星龙王,奥瑞利安索尔,索尔,龙王,AurelionSol,zhuxinglongwang,aoruiliansuoer,suoer,longwang,zxlw,lw,se,arlasr",
        "alias": "AurelionSol",
        "customKeywords": ""
      },
      {
        "name": "镕铁少女",
        "keywords": "镕铁少女,芮尔,镕铁,,rongtieshaonv,ruier,rongtie",
        "alias": "Rell",
        "customKeywords": ""
      },
      {
        "name": "雪原双子",
        "keywords": "雪原双子,努努和威朗普,努努,雪人,Nunu,nn,xr,xysz,mmhwlp,xueyuanshuangzi,nunuheweilangpu,nunu,xueren",
        "alias": "Nunu",
        "customKeywords": ""
      },
      {
        "name": "青钢影",
        "keywords": "青钢影,卡蜜尔,卡密尔,Camille,腿女,qinggangying,kamier,kamier,tuinv,qgy,kme,tn",
        "alias": "Camille",
        "customKeywords": ""
      },
      {
        "name": "风暴之怒",
        "keywords": "风暴之怒,迦娜,风女,fn,jn,fbzn,Janna,fengbaozhinu,jiana,fengnv",
        "alias": "Janna",
        "customKeywords": ""
      },
      {
        "name": "魂锁典狱长",
        "keywords": "魂锁典狱长,锤石,Thresh,cs,hsdyz,hunsuodianyuzhang,chuishi",
        "alias": "Thresh",
        "customKeywords": ""
      },
      {
        "name": "魔法猫咪",
        "keywords": "魔法猫咪,猫,猫咪,悠米,cat,m,mm,mfmm,ym,Yuumi,mofamaomi,mao,maomi,youmi",
        "alias": "Yuumi",
        "customKeywords": ""
      },
      {
        "name": "魔蛇之拥",
        "keywords": "魔蛇之拥,卡西奥佩娅,蛇女,Cassiopeia,moshezhiyong,kaxiaopeiya,shenv,mszy,kxapy,sn",
        "alias": "Cassiopeia",
        "customKeywords": ""
      },
      {
        "name": "麦林炮手",
        "keywords": "麦林炮手,小炮,崔丝塔娜,xp,cstn,mlps,Tristana,mailinpaoshou,xiaopao,cuisitana",
        "alias": "Tristana",
        "customKeywords": ""
      },
      {
        "name": "黑暗之女",
        "keywords": "安妮,黑暗之女,火女,Annie,anni,heianzhinv,huonv,an,hazn,hn",
        "alias": "Annie",
        "customKeywords": ""
      },
      {
        "name": "齐天大圣",
        "keywords": "齐天大圣,孙悟空,MonkeyKing,猴子,hz,qtds,swk,qitiandasheng,sunwukong,houzi",
        "alias": "MonkeyKing",
        "customKeywords": ""
      },
      {
        "name": "龙血武姬",
        "keywords": "龙血武姬,龙女,希瓦娜,ln,xwn,lxwj,Shyvana,longxuewuji,longnv,xiwana",
        "alias": "Shyvana",
        "customKeywords": ""
      }
    ]

    // 搜索功能
    function searchHeroes() {
      const searchTerm = document.getElementById("search").value.toLowerCase();
      const suggestions = document.getElementById("suggestions");
      suggestions.innerHTML = "";  // 清空当前显示的列表

      // 如果输入框为空，则隐藏建议框
      if (searchTerm === "") {
        suggestions.style.display = "none";
        return;
      }

      // 根据输入的内容过滤匹配的英雄
      const filteredHeroes = heroes.filter(hero => {
        return hero.customKeywords?.includes(searchTerm) || hero.keywords?.includes(searchTerm)
      });

      // 如果有匹配的英雄，展示建议框
      if (filteredHeroes.length > 0) {
        suggestions.style.display = "block";
        const radioOption = document.querySelector('input[name="pageOption"]:checked').value;
        console.log("radioOption:"+radioOption)
        filteredHeroes.forEach(hero => {
          const suggestionItem = document.createElement("div");
          suggestionItem.onclick = () => window.open(`https://www.op.gg/modes/aram/${hero.alias}/items?region=global&tier=all`, radioOption);

          const heroImage = document.createElement("img");
          const baseImgUrl = "https://game.gtimg.cn/images/lol/act/img/champion/"
          heroImage.src = `${baseImgUrl}${hero.alias}.png`;
          heroImage.alt = hero.name;

          const heroName = document.createElement("div");
          heroName.className = "name";
          heroName.textContent = hero.name;

          suggestionItem.appendChild(heroImage);
          suggestionItem.appendChild(heroName);
          suggestions.appendChild(suggestionItem);
        });
      } else {
        suggestions.style.display = "none";  // 如果没有匹配的英雄，隐藏建议框
      }
    }
  </script>

</body>

</html>